<template>
    <div class="not-found-container d-flex flex-column justify-content-center align-items-center vh-100">
      <h1 class="display-1 fw-bold">404</h1>
      <p class="fs-4">抱歉，您访问的页面不存在。</p>
      <router-link to="/" class="btn btn-primary">返回首页</router-link>
    </div>
  </template>
  
  <script>
  export default {
    name: "NotFoundView"
  };
  </script>
  
  <style scoped>
  .not-found-container {
    text-align: center;
    background-color: #f8f9fa;
  }
  
  .display-1 {
    color: #dc3545;
  }
  
  .btn-primary {
    background-color: #007bff;
    border: none;
  }
  
  .btn-primary:hover {
    background-color: #0056b3;
  }
  </style>
  